<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>帮助中心</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" href="../../Content/css/page.index.css" />
</head>

<body>
<div class="">
	<div class="header container">
    	<div class="logo-section"><img src="../../Content/images/Logo_weicaihui.png"/></div>
        <div class="nav-section">
        	<ul>
            	<li class="border-right active"><a href="#">首页</a></li>
                <li class="border-right"><a href="#">我是猎头</a></li>
                <li class="border-right"><a href="#">我是HR</a></li>
                <li class="border-right"><a href="#">客户案例</a></li>
                 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
            </ul>
        </div>
        <div class="head-line"></div>
    </div>
    <div class="container  help-head">
    	<div class="row text-center"><h2><i class="glyphicon glyphicon-question-sign"></i><br/>帮助中心</h2></div>
    	<div class="row">
    		<div class="input-group col-md-7 margin-10-auto input-group-lg">
				<input type="text" class="form-control" placeholder="搜索">
				<span class="input-group-btn">
					<button class="btn btn-primary" type="button">搜索</button>
				</span>
		    </div>
    	</div>
    	<div class="title-row page-header">
    		<h4><i class="glyphicon glyphicon-info-sign"></i> 常见问题</h4>
    	</div>
    	<style type="text/css">
   	 	.help-head h2 i{font-size: 50px;}
    		.help-head i{color: #9f9f9f;}
    		.help-head .thumbnail{width: 100px;height: 100px; opacity: 0.7; margin: 0 auto; margin-bottom: 20px;}
    	</style>
    	<div class="row padding20">
    		<ul class="list-unstyled col-md-3">
    			<li><strong>团队管理</strong></li>
    			<li><a href="#">怎样新建成员？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    			<li><a href="#">怎样新建成员？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    		</ul>
    		<ul class="list-unstyled col-md-3">
    			<li><strong>账户管理</strong></li>
    			<li><a href="#">为什么收不到邮件通知？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    			<li><a href="#">怎样新建成员？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    		</ul>
    		<ul class="list-unstyled col-md-3">
    			<li><strong>团队管理</strong></li>
    			<li><a href="#">怎样修改成员信息？？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    			<li><a href="#">怎样新建成员？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    		</ul>
    		<ul class="list-unstyled col-md-3">
    			<li><strong>账户管理</strong></li>
    			<li><a href="#">怎样新建成员？</a></li>
    			<li><a href="#">为什么收不到邮件通知？?</a></li>
    			<li><a href="#">怎样新建成员？</a></li>
    			<li><a href="#">怎样更改邮箱?</a></li>
    		</ul>
    	</div>
    	<div class="title-row page-header">
    		<h4>把建议和想法告诉我们</h4>
    	</div>
    	<div class="row">
    		<ul class="list-unstyled">
    			<li  class="col-md-3 text-center"><span class="thumbnail" style=""><img src="../../Content/images/erweima.jpg"/></span> 微博：@xxx的微博  </li>
    			<li  class="col-md-3 text-center"> <span class="thumbnail" style="width: 100px;height: 100px;"><img src="../../Content/images/erweima.jpg"/></span>微信：@xxx的微信  </li>
    			<li  class="col-md-3 text-center">
    				<span class="thumbnail" style="width: 100px;height: 100px;"><img src="../../Content/images/phone.gif"></span> 电话：400-805-6966
    			</li>
    			<li  class="col-md-3 text-center">
    				<span class="thumbnail" style="width: 100px;height: 100px;"><img src="../../Content/images/qq.png"></span>
    				QQ：110257147 / 371897560
    			</li>
    			<li class="col-md-12 text-center padding20 margin-10-auto">
    				<a id="btn_id" class="btn btn-primary">提交在线反馈，我们将在24小时内给您回复</a>
    			</li>
    		</ul>
    	</div>
    	
    </div>
    <div class="footer ">
    	<div class="nav-section"> 
        	<ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">招贤纳士</a></li>
            </ul>
        </div>
        <div class="copyright-section">Copyright&copy;2014 PROMO ALL Rights Reserved</div>
    </div>
</div>

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/bootbox.min.js"></script>
<script>
	$(function(){
		//创建弹出对象
		var modal_form=$('<div>');
		var form_html='<div class="form-horizontal">\
							<ul class="col-md-12 list-unstyled">\
								<li>\
									<div class="form-group">\
									    <label class="col-md-2 control-label">标题</label>\
									    <div class="col-md-9">\
											<input type="text" class="form-control" />\
										  </div>\
									</div>\
								</li>\
								<li>\
									<div class="form-group">\
									    <label class="col-md-2 control-label">问题描述</label>\
									    <div class="col-md-9">\
									    	<textarea type="text" rows="3" class="form-control margin-10-auto" data-original-title="" title=""></textarea>\
									    	<span class="padding-top-5">我们将在24小时内给您回复，谢谢您的支持！</span>\
										</div>\
									</div>\
								</li>\
							</ul>\
						</div>\
						<div style="clear:both;"></div>';
		//绑定按钮事件
		$('#btn_id').on('click',function(){
			bootbox.dialog({
				title:'提问问题',
				message: form_html,
				buttons:{
					'ok':{
						"label" : "提交",
						"className" : "btn  btn-primary",
						"callback":function(){
							//弹窗提交按钮事件
						}
					},
					'close':{
						"label" : "",
						"className" : "btn hide  btn-default",
						"callback":function(){
							//弹窗取消 按钮事件
						}
					},
				}
			});
		})
	})
</script>
</body>
</html>
